<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
	  <head>
	  	<title>TacoCloud</title>
	  	<style>
	  		*{
	  			padding:0;
	  			margin:0;
	  			box-sizing:border-box;
	  		}
	  		
			.father{
				width:40%;
				height:600px;
				margin:100px auto;
				border:2px solid black;
				display:flex;
				flex-wrap:wrap;
			}
			
			.A1{
				width:50%;
				height:20%;
				border:2px solid black;
				display: flex;
                                justify-content: center;
                                align-items: center;
			}

			.txt{
				display: flex;
                                justify-content: center;
                                align-items: center;
				font-size:40px;
				font-weight:200;
			}
			
			.A2{
				width:100%;
				height:20%;
				border:2px solid black;
				display: flex;
                justify-content: center;
                align-items: center;
			}
			.tui{
	  			position: absolute;
	  			top: 60px;
	  			right:60px;
	  		}
	  		.tui button{
	  			width: 300px;
	  			height: 60px;
	  			background-color: white;
	  			border-radius: 10px 10px 10px 10px;	
	  		}
	  	</style>
	  	<script type="text/javascript">    
	  	function refresh(){
	  		url = location.href;
	  		console.log(url);
	  		var once = url.split("#");
	  		if (once[1] != 1) {
	  		url += "#1";
	  		self.location.replace(url);
	  		window.location.reload();
	  		}
	  		}
	  		function tui(){
	    		window.location.href="http://localhost:8080/home/Home"	
	    	}
	  		setTimeout('refresh()', 1000);
	  	</script>
	  </head>
	  
	  <body>
	  	<div class="father">
			<div class="A1">
				<p>姓名</p>
			</div>
			<div class="A1">
				<p th:text="${student.getName()}">李思行</p>
			</div>
			<div class="A1">
				<p>学号</p>
			</div>
			<div class="A1">
				<p th:text="${student.getId()}">1825122025</p>
			</div>
			<div class="A1">
				<p>年级</p>
			</div>
			<div class="A1">
				<p th:text="${student.getAge()}">18级</p>
			</div>
			<div class="A1">
				<p>专业</p>
			</div>
			<div class="A1">
				<p th:text="${student.getMajor()}">软件工程</p>
			</div>
			<div class="A1">
				<p>学院</p>
			</div>
			<div class="A1">
				<p th:text="${student.getCollege()}">计算机科学与技术</p>
			</div>
		</div>
		<div class="txt">
			已选课程
		</div>
		<div class="father">
			<div class="A2">
				<p th:text="${course1.getCourse()}">INGREDIENT</p>
			</div>
			<div class="A2">
				<p th:text="${course2.getCourse()}">INGREDIENT</p>
			</div>
			<div class="A2">
				<p th:text="${course3.getCourse()}">INGREDIENT</p>
			</div>
			<div class="A2">
				<p th:text="${course4.getCourse()}">INGREDIENT</p>
			</div>
			<div class="A2">
				<p th:text="${course5.getCourse()}">INGREDIENT</p>
			</div>
		</div> 
		<div class="tui">
	    	<button onclick="tui()">退出登录</button>
	    </div>
	  </body>
	
</html>